
// 脚本部分


const sfc_main = {
    name: 'App',

    data() {
        return {
            name: 'Vue 3.5.13',
            Component: "HomeView",
            clicked: 0,
            x: 0,
            y: 0,
        }
    },

    mounted() {
        // 访问当前路由信息
        console.log('当前路由:', this.$route.fullPath)
    },

    methods: {
        goToHome() {
            console.log('goToHome')
            this.$router.push('/')
        },
        goToAbout() {
            console.log('goToAbout')
            this.$router.push('/about')
        },
    },
}


// 模板部分
import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"

const _hoisted_1 = { style: {"height":"300px","background-color":"#00ff00ff","line-height":"40px","font-size":"30px"} }

function sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_RouterLink = _resolveComponent("RouterLink")
  const _component_RouterView = _resolveComponent("RouterView")

  return (_openBlock(), _createElementBlock("div", null, [
    _cache[4] || (_cache[4] = _createElementVNode("h1", null, "Hello Vue App!", -1 /* HOISTED */)),
    _createElementVNode("p", null, "Current route path: " + _toDisplayString(_ctx.$route.fullPath), 1 /* TEXT */),
    _createElementVNode("h3", {
      onClick: _cache[0] || (_cache[0] = (...args) => ($options.goToHome && $options.goToHome(...args))),
      style: {"height":"40px","line-height":"40px","font-size":"30px"}
    }, "Go to Home 编程导航"),
    _createElementVNode("div", {
      onClick: _cache[1] || (_cache[1] = (...args) => ($options.goToAbout && $options.goToAbout(...args))),
      style: {"height":"40px","line-height":"40px","font-size":"30px"}
    }, "Go to About 编程导航"),
    _createVNode(_component_RouterLink, {
      to: "/",
      style: {"height":"40px","line-height":"40px","font-size":"30px"}
    }, {
      default: _withCtx(() => _cache[2] || (_cache[2] = [
        _createTextVNode("Go to Home RouterLink 标签导航")
      ])),
      _: 1 /* STABLE */
    }),
    _createVNode(_component_RouterLink, {
      to: "/about",
      style: {"height":"40px","line-height":"40px","font-size":"30px"}
    }, {
      default: _withCtx(() => _cache[3] || (_cache[3] = [
        _createTextVNode("Go to About RouterLink 标签导航")
      ])),
      _: 1 /* STABLE */
    }),
    _createElementVNode("div", _hoisted_1, [
      _createVNode(_component_RouterView)
    ])
  ]))
}
sfc_main.render = sfc_render;

sfc_main.__scopeId = 'data-v-4019924760';

// 样式不分


// 默认导出
export default sfc_main;